<template>
  <div class="ShangJia4">
      <h2>商家信息</h2>
    <div class="ShangJia4Content" style="border-top: 1px solid  rgb(7,17,27,0.1)">
        {{seller.infos[0]}}
    </div>
     <div class="ShangJia4Content">
       {{seller.infos[1]}}
    </div>
     <div class="ShangJia4Content">
       {{seller.infos[2]}}
    </div>
     <div class="ShangJia4Content">
       {{seller.infos[3]}}
    </div>
  </div>
</template>

<script>
export default {
 data(){
    return{
        seller:[]
    }
},
    created:async function(){
    let {data} = await this.$http.get("api/getseller")
    this.seller=data
    }
}
</script>

<style lang="stylus" scoped>
w=100%; s1=24px; s2=28px; s3=32px; c=rgb(255,255,255);dw = 50%; bgc=#f3f5f7;
bgc1=rgb(7,17,27);bgc2=rgb(147,153,159);bgc3=rgb(255,153,0);bgc4=rgb(77,85,93);
.ShangJia4{
  width :w;
    height 500px
    padding: 36px
     border-top: 1px solid  rgb(7,17,27,0.1)
     background-color: white;
    h2{
        font-size: s2;
        color: bgc1;
        line-height: 28px
        margin-bottom: 24px
    }
}
.ShangJia4Content{
    padding: 32px 24px
    font-size: s1;
    font-weight: 200;
    color: bgc1;
    line-height: 32px
    border-bottom: 1px solid  rgb(7,17,27,0.1)
}
</style>